<template>
  <div class="w-page w-usPage">
    <div class="w-head" :style="{backgroundImage: 'url(' + bgimg + ')' }">
      <p class="w-headcon flex vc">
        <span class="w-shu"></span>
        <span>联系我们/contact us</span>
      </p>
    </div>
    <div class="w-con">
      <ul class="w-ulinfo">
        <li>电话：0352-26567229 0352-26569279</li>
        <li>传真：+0352-26567229</li>
        <li>邮箱：sxdxcmlabjjh@szu.edu.cn</li>
        <li>地址：山西临汾市尧都区街道39号</li>
        <li>邮编：518060</li>
      </ul>
      <ul class="w-ulLink">
        <li>
          <a href="" class="flex vc">
            <img src="../assets/img/first/us1.png" alt="">
            <p>官方网站</p>
          </a>
        </li>
        <li>
          <a href="" class="flex vc">
            <img src="../assets/img/first/us2.png" alt="">
            <p>一键导航</p>
          </a>
        </li>
        <li>
          <a href="" class="flex vc">
            <img src="../assets/img/first/us3.png" alt="">
            <p>一键拨号</p>
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {

  data () {
    return {
      bgimg: require('../assets/img/first/conUs.png')
    }
  },
  methods: {}
}
</script>

<style scoped>
  .w-page {
    width: 100vw;
    overflow: hidden;
    background: #E1E0DF;
    min-height: 100vh;

  }

  .w-head {
    width: 100vw;
    height: 94px;
    background-size: cover;
    background-position: center;
  }

  .w-shu {
    background: #F5D8BB;
    height: 18px;
    width: 2px;
    display: block;
    border-radius: 10px;
    margin: 0 10px;
  }

  .w-headcon {
    padding: 0 15px;
    padding-top: 17px;
    font-size: 18px;
    color: #fff;
  }

  .w-headcon span {
    display: block;
  }

  .w-con {
    width: 97vw;
    margin: 0 auto;
    margin-top: -20px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    height: 87vh;
  }

  .w-ulinfo {
    padding: 67px 26px 0px;
  }

  .w-ulinfo li {
    font-size: 17px;
    color: #313131;
    padding: 4px 0;
  }

  .w-ulLink {
    margin-top: 86px;
    padding: 0 36px;
  }

  .w-ulLink li {
    background: #79292B;
    border-radius: 6px;
    width: 70vw;
    margin: 0 auto;
    padding: 10px 0;
    margin-bottom: 20px;
  }

  .w-ulLink li a p {
    font-size: 17px;
    color: #fff;
    margin-left: 18px;

  }

  .w-ulLink li img {
    display: block;
    width: 30px;
    margin-left: 23%;
  }
</style>
